<template>
  <div>
    <van-nav-bar title="黑马头条-登录" />
  </div>
</template>

<script>
export default {
  name: 'Login'
}
</script>

<style lang="less" scoped>
// 如果组件直接引入并且组件上带有class，可以直接使用这个class改变数组发样式
.van-nav-bar {
  background: #057cff;
}
// 如果我想改变引入组件的里面的dom元素的样式，直接使用是无效的
// 原因是因为组件上使用了scoped作用域，它在打包的过程中会给dom元素个类作用样式的隔离
// 解决办法： 可以通过在类名前面添加上/deep/ 实现类名的穿透改变组件的样式
/deep/ .van-nav-bar__title {
  color: white;
}
// 预处理器使用不同的穿透符也有所不同的class，：：deep，stylus >>>
</style>
